<template>
    <div class="flex gap-[20px] min-h-[464px] flex-col flex-warp">
        <div class="w-[100%]  bg-[#000]" v-for="(item, index) in props.playlist" :key="index">
            <videoplay :videoUrl="item" :id="'viedeoid' + index" :isautoplay="false" :isLive="false"></videoplay>
        </div>
    </div>
</template>
<script setup lang="ts">
import videoplay from "@/components/videoplay/video.vue";
import { getVideoops } from '@/api/operate/device-management/index'
import Player from 'xgplayer';
import 'xgplayer/dist/index.min.css';
import HlsPlugin from 'xgplayer-hls'
const props = defineProps({
    playlist: {
        type: Array,
        default: []
    }
})
const videoUrl = ref('')
// onMounted(() => {
//     setTimeout(() => {
//         console.log(props.playlist, "233333");

//     }, 500);
// })


</script>